<template>
	<div class="content">
		<ve-histogram :data="chartData"></ve-histogram>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				chartData: {
					columns: ['门店', '水果', '电子产品', '化妆品' ],
					rows: [
						{ 门店: '海口门店', 水果: 2419, 电子产品: 4409, 化妆品: 2610 },
						{ 门店: '三亚门店', 水果: 4453, 电子产品: 5403, 化妆品: 3602 },
						{ 门店: '陵水门店', 水果: 6412, 电子产品: 6402, 化妆品: 2630 },
						{ 门店: '文昌门店', 水果: 7412, 电子产品: 5502, 化妆品: 3650 },
						{ 门店: '琼海门店', 水果: 4491, 电子产品: 4509, 化妆品: 3640 },
						{ 门店: '万宁门店', 水果: 5493, 电子产品: 6509, 化妆品: 3600 },
						{ 门店: '儋州门店', 水果: 3419, 电子产品: 5509, 化妆品: 2680 },
						{ 门店: '乐东门店', 水果: 6419, 电子产品: 5509, 化妆品: 1690 },
						{ 门店: '东方门店', 水果: 6493, 电子产品: 6509, 化妆品: 2670 },
						{ 门店: '定安门店', 水果: 6491, 电子产品: 5509, 化妆品: 2666 },
						{ 门店: '昌江门店', 水果: 6459, 电子产品: 5529, 化妆品: 2250 },
						{ 门店: '屯昌门店', 水果: 6459, 电子产品: 6509, 化妆品: 3390 }
					]
				}
			};
		},
		methods:{

		}
	};
</script>

<style>
</style>
